﻿.Row_Form input,.Row_Form select,.Row_Form textarea {border:1px solid #ccc;}
.Row_Form input{padding:2px 0 0 5px;}
.Row_Form label{padding:5px 5px 5px 5px;}
.Row_Form select{margin-right:2px;}
.Row_Form textarea{min-height:50px;padding:10px;}
/*Form*/
#DivForm span{ 
color: #5C5C5C;}

.bold{font-weight:bold;}
.Form{padding:10px;}
.FormTitle{width:100%;border-bottom: 1px solid #E1E1E1;height:36px; }
.FormTitle .icon{float:right;}
.FormTitle .icon ul li{margin:2px 0px 0px 0px;}
.formcontent{margin-top:14px;margin-bottom: 14px;}
.formcontent .part{margin-top:20px;margin-bottom:20px;}
.FormTitle{width:100%;border-bottom: 1px solid #E1E1E1;color: #348BB4;}
.FormTitle h3{padding:5px 0px 0px 5px; font-size:22px; color:#348BB4; letter-spacing:-1px;}
.FormTitle .icon{float:right;}
.FormTitle .icon ul li{margin:2px 0px 0px 0px;}
.FormTitle * {float:left}
.FormTitle h3{padding:5px 0px 0px 5px;color: #348BB4; font-size:22px; letter-spacing:-1px;}
.FormTitle h4{padding:5px 0px 0px 5px; font-size:16px;  letter-spacing:-1px;}
.FormDetail{padding:8px 0px 0px 10px;}
.FormDetail td.expand{margin-left:515px;}
.Row_Form{clear:both;overflow:hidden;height:auto;padding:1.5px;}
.Row_Form .txtArea{width:320px; height:100px;resize:none;}
.Row_Form .button{width:50px;}
.Row_Form ul
{
    overflow: hidden;
}

.Row_Form .fileup
{
    
    
}
.Row_Form li
{
    float:left;
    margin:2px;
    overflow: hidden;
    
}
.Row_Form .Row_Form_label
{
    width: 125px;


overflow: hidden;
text-align: left;

   }
   
   /*botones*/
   .options
{
    text-align:left;
    margin-bottom:16px;
    /*border-radius:10px;
    border:1px solid rgb(0,0,0);*/    
}
.options .inside
{
    border-radius:10px;
    border:1px solid rgb(232,230,222);
    width:100px;
    padding:2px;
    text-align:center;
    margin-left: 772px;
    margin-top: 13px;  
}
			ul#icons {margin: 0px 3px 3px 0px; padding: 0;cursor: pointer;}
			ul#icons li {margin: -2px 0px 0px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}

.lineOptions
{
    height: 33PX;
padding: 14px 0px 0px 27px;
margin: 0px -24px 0px -52px;
    
}

.lineOptions a
{
    width: auto;
float: left;
margin: 0px 9px 0px 9px;
    
}

.lineOptions a ul
{
    width:auto;    
}

.lineOptions a ul p
{
    margin-left: 33px;
    margin-top: 2px; 
}

.Tablebuttons input 
{
    border-radius:10px;
     /*height:30px;*/
    width:140px;
    vertical-align:middle;
    text-align:center;
    /* margin:10px;*/
    cursor:pointer;
    border: 1px solid #D8DCDF;
background: #EEE url(custom-theme/images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x;
    font-family:Verdana, Geneva, sans-serif;
    font-size:1em;
    color: #9E1503;
    line-height:1.4;
    font-weight:bold;
    /*padding: 0.4em 1em;*/
    /*display:block;*/        
}
.Tablebuttons input:hover 
{
    border-radius:10px;
    /*height:30px;*/
    width:140px;
    vertical-align:middle;
    text-align:center;
     /*margin:10px;*/
    cursor:pointer;
    border:1px solid rgb(197,219,236);
    background: url("../images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #DD6251;
    font-family:Verdana, Geneva, sans-serif;
    font-size:1em;
    color:rgb(255,255,255);
    line-height:1.4;
    font-weight:bolder;
    /*padding: 0.4em 1em;*/
    /*display:block;*/        
}
.Width_1  
{
    width:320px;
    max-width:380px;
}
.Width_2  
{
    width:100px;
}
.Width_3  
{
    width:200px;
}
.Width_4
{ 
    min-width:600px;
    max-width:600px;
    height:250px;
}
.Width_5
{ 
    min-width:500px;
    max-width:500px;
    height:250px;
}
.Width_6
{ 
    width:50px;
}


#contenedor{
text-align: left;
width: 923px;
margin: auto;
height:521px;
}

#lateral
{
     border: 1px dashed #113C09;
     width: 208px;  /*Este será el ancho que tendrá tu columna*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#principal
{
    margin-left:8px;
    border:1px dashed #113C09;
    float:left;
 /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
}

.Factura
{
    /*width:100%;*/
    border: 1px solid #E8E6DE;
  /*  padding: 5px 5px 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background:#f8f7fc;
    
}
.LineLeft
{
    border-color: #C0C0C0;
    border-right-style: dotted;
    border-width: 1px;
}
.AreaTitle
{
color: #348BB4;  
font-size: 1.2em;
    font-weight:bold;      
}
.Area40
{
    width:40%;
    
}
.Factura p
{
    padding:3px;
}
.Factura table
{
    width:100%;
    
}
.Area20
{
    width:20%;
        text-align:center;
    
}
.Area20 p
{
    text-align:center;
    font-size: 0.9em;
    font-weight:bold;  
}
.Area20 input
{
   width:22px;
    text-align:right;
}
.Factura40 p
{
    text-align:center;
    font-size: 1.1em;
    font-weight:bold;  
}
#Order2
{
    margin:0px 0px 0px 50%;
    width:410px;
}
#Order
{
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:212px;
    overflow:hidden;
    padding: 10px 0px 10px 50px;
    font-size:15px;
}
#Order table
{
    
}
#Order table td
{
    width:50%;
}